
<template>
  <div class="cb-breadcrumb">
    <el-breadcrumb separator=">">
      <el-breadcrumb-item v-for="(breadcrumb, index) in breadcrumbList" :key="index">
        <span v-html="breadcrumb"></span>
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<style lang="css">
  .amp-breadcrumb {
    padding: 10px 20px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
  }

</style>

<script>
  export default {
    name: 'CbBreadcrumb',
    props: {
      breadcrumbList: {
        type: Array
      }
    }
  }
</script>
